React使用jsx的方式撰寫，他是一種語法糖（讓程式更簡單撰寫），我們拿前天建立的專案來修改，在div#root下新增div#root2：

  <div id="root"></div>
  <div id="root2"></div>

接著調整一下CSS，將高度調整為50vh，並且把 h1 的文字調整為置中。

.App-header {
  background-color: #282c34;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}
h1 {
  text-align: center;
}

最後在 App.js 中加上

const wording = 'have a nice day.';
const element = <h1>Hello, {wording}</h1>;

ReactDOM.render(
  element,
  document.getElementById('root2')
);

這樣就可以得到新的畫面了：

相關文章：

介紹 JSX

一看就懂的 JSX 簡明入門教學指南